<template>
  <div class="page_container">
    <el-container>
      <el-header> <site-header></site-header></el-header>
      <el-container>
        <el-aside width="200px">
          <site-menu></site-menu>
        </el-aside>
        <el-main>
          <RouterView />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script setup>
import SiteHeader from "@/components/SiteHeader.vue";
import SiteMenu from "@/components/SiteMenu.vue";
import { RouterView } from "vue-router";
</script>
<style lang="scss" scoped>
.page_container {
  width: 100%;
  :deep(.el-header) {
    height: 68px;
    border-bottom: 1px solid #aeaeae;
  }
  :deep(.el-container) {
    min-height: calc(100vh - 68px);
  }
}
</style>
